
<div id="test_linechart2" style="height: 400px;"></div>

<script type="text/javascript">

	(function($){

		var myChart = echarts.init(document.getElementById('test_linechart2'));

		// 指定图表的配置项和数据
		var option = {
			tooltip : {
				trigger: 'axis'
			},
			legend: {
				data:['邮件营销','联盟广告','视频广告','直接访问','搜索引擎']
			},
			toolbox: {
				show : true,
				feature : {
					mark : {show: true},
					dataView : {show: true, readOnly: false},
					magicType : {show: true, type: ['line', 'bar', 'stack', 'tiled']},
					restore : {show: true},
					saveAsImage : {show: true}
				}
			},
			calculable : true,
			xAxis : [
				{
					type : 'category',
					boundaryGap : false,
					data : ['周一','周二','周三','周四','周五','周六','周日']
				}
			],
			yAxis : [
				{
					type : 'value'
				}
			],
			series : [
				{
					name:'邮件营销',
					type:'line',
					stack: '总量',
					itemStyle: {normal: {areaStyle: {type: 'default'}}},
					smooth: true,
					data:[120, 132, 101, 134, 90, 230, 210]
				},
				{
					name:'联盟广告',
					type:'line',
					stack: '总量',
					itemStyle: {normal: {areaStyle: {type: 'default'}}},
					smooth: true,
					data:[220, 182, 191, 234, 290, 330, 310]
				},
				{
					name:'视频广告',
					type:'line',
					stack: '总量',
					itemStyle: {normal: {areaStyle: {type: 'default'}}},
					smooth: true,
					data:[150, 232, 201, 154, 190, 330, 410]
				},
				{
					name:'直接访问',
					type:'line',
					stack: '总量',
					itemStyle: {normal: {areaStyle: {type: 'default'}}},
					smooth: true,
					data:[320, 332, 301, 334, 390, 330, 320]
				},
				{
					name:'搜索引擎',
					type:'line',
					stack: '总量',
					itemStyle: {normal: {areaStyle: {type: 'default'}}},
					smooth: true,
					data:[820, 932, 901, 934, 1290, 1330, 1320]
				}
			]
		};



		// 使用刚指定的配置项和数据显示图表。
		myChart.setOption(option);

	})(jQuery);

</script>
